<template>
    <div class="common-layout">
        <el-container>
            <el-header class="main-header">
                <div class="h-6" />
                <NavBar router="/home" />
            </el-header>
            <el-container>
                    <SideBar />
                <el-container>
                    <el-main>
                        <router-view />
                    </el-main>
                </el-container>
            </el-container>
        </el-container>
    </div>
</template>
<style scoped>
.main-header {
    padding: 0px;
}

</style>

<script lang="ts" setup>
import NavBar from '@/common/Navbar.vue'
import SideBar from "@/home/Sidebar.vue"
</script>